<!DOCTYPE html>
<meta charset="UTF-8">
<div style="margin: 10px 0;">
	<a href="javascript:void(0)" data-type="button" onclick="$('#dlg').dialog('open')">打开</a>
	<a href="javascript:void(0)" data-type="button" onclick="$('#dlg').dialog('close')">关闭</a>
</div>
<div id="dlg" data-type="dialog" title="复杂的Dialog" style="width: 400px; height: 200px; padding: 10px"
	data-defs="
				iconCls: 'icon-save',
				toolbar: '#dlg-toolbar',
				buttons: '#dlg-buttons'
			">复杂的Dialog.</div>
<div id="dlg-toolbar" style="padding: 2px 0">
	<table cellpadding="0" cellspacing="0" style="width: 100%">
		<tr>
			<td style="padding-left: 2px">
				<a href="#" onclick="test()" data-type="button" data-defs="iconCls:'icon-edit',plain:true">编辑</a>
				<a href="javascript:void(0)" data-type="button" data-defs="iconCls:'icon-help',plain:true">帮助</a>
			</td>
			<td style="text-align: right; padding-right: 2px"></td>
		</tr>
	</table>
</div>
<script type="text/javascript">
	function test() {
	    alert("编辑");
    }
</script>
